<!DOCTYPE html>
<html
  layout:decorator="components/layout"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  xmlns:th="http://www.thymeleaf.org"
>
<head>
  <title>入侵防御</title>
</head>
<body>
<div
  layout:fragment="content"
  class="container"
  id="app" v-cloak
>
  <!--引入边框角-->
  <div th:replace="components/common-border-bg::common-border-bg"></div>
  <div class="con_mid">
    <div class="section-title"><i class="tit_ico1"></i>入侵防御监测
      <div class="select">
        <select
          name="houseId"
          onchange="this.form.submit()"
        >
          <option value="">所在机房</option>
          <option value="18">上海华京电信机房（修改）</option>
        </select>
      </div>
      <div class="select">
        <select
          name="state"
          onchange="this.form.submit()"
        >
          <option value="">防御状态</option>
          <option value="0">过期</option>
          <option value="1">活跃</option>
        </select>
      </div>
      <a
        href="javascript:void(0);"
        id="search"
        class="add"
      ><i class="search_ico"></i>高级搜索</a>
    </div>
    <div class="search_con">
      <table
        width="100%"
        align="center"
        cellpadding="0"
        cellspacing="0"
        class="digest-table"
        border="1"
      >
        <tbody>
        <tr>
          <td class="TitleTD">来源IP：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <input
              name="srcIp"
              type="text"
              class="input_text"
              size="30"
              value=""
            >
            <input
              name="srcIp_action"
              type="radio"
              value="0"
              checked=""
            >精确查找
            <input
              name="srcIp_action"
              type="radio"
              value="1"
            >模糊查找
          </td>
        </tr>
        <tr>
          <td class="TitleTD">来源端口：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <input
              name="srcPort"
              type="text"
              class="input_text"
              size="30"
              value=""
            >
            <input
              name="srcPort_action"
              type="radio"
              value="0"
              checked=""
            >精确查找
            <input
              name="srcPort_action"
              type="radio"
              value="1"
            >模糊查找
          </td>
        </tr>
        <tr>
          <td class="TitleTD">目的IP：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <input
              name="destIp"
              type="text"
              class="input_text"
              size="30"
              value=""
            >
            <input
              name="destIp_action"
              type="radio"
              value="0"
              checked=""
            >精确查找
            <input
              name="destIp_action"
              type="radio"
              value="1"
            >模糊查找
          </td>
        </tr>
        <tr>
          <td class="TitleTD">目的端口：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <input
              name="destPort"
              type="text"
              class="input_text"
              size="30"
              value=""
            >
            <input
              name="destPort_action"
              type="radio"
              value="0"
              checked=""
            >精确查找
            <input
              name="destPort_action"
              type="radio"
              value="1"
            >模糊查找
          </td>
        </tr>
        <tr>
          <td class="TitleTD">威胁分类</td>
          <td
            class="ContentTD"
            align="left"
          >
            <select name="virusclass">
              <option value="">威胁分类</option>
              <option value="1">可疑流量</option>
              <option value="4">信息泄露</option>
              <option value="7">DDOS攻击</option>
              <option value="9">非法入侵</option>
              <option value="14">端口攻击</option>
              <option value="15">非法脚本</option>
              <option value="16">可疑字符</option>
              <option value="17">可疑文件</option>
              <option value="18">非法登录</option>
              <option value="20">非法连接</option>
              <option value="21">病毒木马</option>
              <option value="23">端口扫描</option>
              <option value="25">可疑协议</option>
              <option value="27">WEB攻击</option>
              <option value="29">潜在威胁</option>
              <option value="32">违法信息</option>
              <option value="33">泄露隐私</option>
            </select>
          </td>
        </tr>
        <tr>
          <td class="TitleTD">威胁内容：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <input
              name="content"
              type="text"
              class="input_text"
              size="30"
              value=""
            >
            <input
              name="content_action"
              type="radio"
              value="0"
              checked=""
            >精确查找
            <input
              name="content_action"
              type="radio"
              value="1"
            >模糊查找
          </td>
        </tr>
        <tr>
          <td class="TitleTD">发现时间 ：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <input
              name="findTimeStart"
              type="text"
              class="input_text"
              size="30"
              value=""
              onfocus="SelectDate(this,true)"
            > 至
            <input
              name="findTimeEnd"
              type="text"
              class="input_text"
              size="30"
              value=""
              onfocus="SelectDate(this,true)"
            >
          </td>
        </tr>
        <tr>
          <td
            colspan="2"
            align="center"
            class="ContentTD"
          >
            <input
              type="submit"
              class="btn_submit"
              name="Submit"
              onclick="this.form.act.value='';  this.form.submit();"
              value="查找"
            >
            <input
              type="reset"
              class="btn_submit"
              name="Submit"
              value="重置"
            >
            <input
              type="hidden"
              name="act"
              value=""
            >
          </td>
        </tr>

        </tbody>
      </table>
    </div>
    <table
      width="100%"
      cellpadding="0"
      cellspacing="0"
      class="list-table"
    >
      <thead>
      <tr
        id="SetOrder"
        align="center"
      >
        <td
          class="TitleTD"
          width="20"
        ><input
          name="select_all"
          type="checkbox"
          value=""
          id="theadInp"
        ></td>
        <td class="TitleTD"><a
          id="houseId"
          href=""
        >所在机房</a></td>
        <td class="TitleTD"><a
          id="srcIp"
          href=""
        >来源IP</a></td>
        <td class="TitleTD"><a
          id="srcPort"
          href=""
        >来源端口</a></td>
        <td class="TitleTD"><a
          id="destIp"
          href=""
        >目的IP</a></td>
        <td class="TitleTD"><a
          id="destPort"
          href=""
        >目的端口</a></td>
        <td class="TitleTD"><a
          id="content"
          href=""
        >威胁内容详细说明</a></td>
        <td class="TitleTD"><a
          id="prio"
          href=""
        >威胁等级</a></td>
        <td class="TitleTD"><a
          id="class"
          href=""
        >威胁分类</a></td>
        <td class="TitleTD"><a
          id="protocol"
          href=""
        >应用层协议</a></td>
        <td class="TitleTD"><a
          id="state"
          href=""
        >防御状态</a></td>
        <td class="TitleTD"><a
          id="findTime"
          href=""
        >发现时间<img
          src="/static/img/order_down.gif"
          border="0"
        ></a></td>
      </tr>
      </thead>
      <tbody id="tbody">
      <tr
        align="center"
        onmouseover="this.style.backgroundColor ='#ffffd2'"
        onmouseout="this.style.backgroundColor ='#FFFFFF'"
      >

      </tr>
      <tr>
        <td
          colspan="20"
          class="ContentTD"
        >
          <table
            border="0"
            width="100%"
            class="notable"
            cellspacing="4"
            cellpadding="0"
          >
            <tbody>
            <tr>
              <td align="left">共 1 条 当前第<input
                style="font: normal 12px Verdana;border:1px solid #CCC;line-height: 13px;height: 13px;padding-left:5px;"
                size="3"
                value="1"
                onchange="fn_location(&quot;/admin.php?&amp;module=admin_idcinfo&amp;page=&quot;, this.value);"
              >/1
                页，每页<input
                  style="font: normal 12px Verdana;border:1px solid #CCC;line-height: 13px;height: 13px;padding-left:5px;"
                  size="3"
                  value="20"
                  onchange="fn_location(&quot;/admin.php?&amp;module=admin_idcinfo&amp;page=1&amp;limit=&quot;, this.value);"
                >
              </td>
              <td
                align="right"
                class="page"
              >
                <a href="#">上页</a><a
                href="#"
                class="page_on"
              >1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a
                href="#"
              >5</a><a href="#">…</a><a href="#">20</a><a href="#">下页</a>
              </td>
            </tr>
            </tbody>
          </table>
        </td>
      </tr>
      <tr>
        <td
          colspan="20"
          class="TitleTD"
        >
          <input
            name="select_all"
            type="checkbox"
            value=""
            onclick="javascript:fn_ChangeSelectAll( form_list , this.checked )"
          >
          <input
            type="button"
            value="删除记录"
            class="btn_common"
            onclick="this.form.act.value='dodel';  this.form.submit();fn_AfterSubmit();"
          >
          <input
            type="button"
            value="导出EXCEL"
            class="btn_common"
            name="export"
            onclick="this.form.act.value='export';  this.form.submit();"
          >
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</div>
<script layout:fragment="js">
  $(function () {
    $('.ztree li .level').click(function () {
      $('.level1').removeClass('dl_on')
      $('.level').removeClass('nav_on')
      $(this).next('dl').addClass('dl_on')
      $(this).addClass('nav_on')
    })
    $('#search').click(function () {
      $('.search_con').toggle()
    })
    //
    var h = $(window).height() - 143
    var rh = $('.right').height()
    if (h > rh) {
      $('.main').css('min-height', h)
    } else {
      $('.main').css('min-height', rh)
    }

    //实现全选反选
    $('#theadInp').on('click', function () {
      $('tbody input:checkbox').prop('checked', $(this).prop('checked'))
    })
    $('tbody input:checkbox').on('click', function () {
      //当选中的长度等于checkbox的长度的时候,就让控制全选反选的checkbox设置为选中,否则就为未选中
      if ($('tbody input:checkbox').length === $('tbody input:checked').length) {
        $('#theadInp').prop('checked', true)
      } else {
        $('#theadInp').prop('checked', false)
      }
    })
  })
</script>
</body>
</html>
